<template>
  <div class="box">
    <h1>Child2:{{count}}</h1>
  </div>
</template>

<script>
/* 
      $root:当前组件树的根 Vue 实例
      我们可以借助这个$root做事件总线类似的传值方式
*/
export default {
  name: "Child2",
  data() {
    return {
      count: 100
    }
  },

  mounted() {
    this.$root.$on("laoliu" , (value) => {
      this.count += value
    })
  },

};
</script>

<style scoped>
.box {
  background: deepskyblue;
}
</style>
